<!DOCTYPE html>
<html style="width: 100%;height: 100%;">
	<head>
		<meta charset="utf-8">
		<title>医健云联互联网医院服务平台</title>
		<link rel="stylesheet" href="css/zcm-main.css" />
		<link rel="stylesheet" href="css/home.css" />
		<link rel="icon" href="favicon.ico">

		<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/dialog_add_tag.js"></script>
		<script type="text/javascript" src="layer/layer.js"></script>
		<script type="text/javascript" src="js/des.js"></script>
		<script type="text/javascript" src="js/constants.js"> </script>
		<script type="text/javascript" src="home.js"> </script>
		<script type="text/javascript" src="js/user-manager.js"> </script>
	</head>
	<body id="mainBody" class="flex flex-column a-center" style="margin: 0;background-color: #F5F5F5;width: 100%;height: 100%;">
		<div class="header">
			<img src="img/home/home_logo.png" style="width: 117px;height: 29px;margin-left: 100px;" />
			<p style="margin-left: 38%;">
				<p id="office" style="color: white;font-size: 18px;">科室：全科</p>
				<p id="role" style="color: white;font-size: 18px;margin-left: 100px;">角色：医生</p>
			</p>
			<div class="flex a-center flex-row position-absolute" style="right: 0px;margin-right: 64px;">
				<img src="img/home/home_notify.png" style="width: 26px;height: 26px;cursor: pointer;" onclick="showNotify()" />
				<img src="img/home/home_lock.png" style="width: 26px;height: 26px;margin-left: 40px;cursor: pointer;" onclick="onLockClick()" />
				<b class="findDnewVO flex position-absolute" style="display: none;width: 8px;height: 8px;border-radius: 4px;background-color: red;left: 20px;top: 15px;"></b>
				<p id="name" style="color: white;font-size: 18px;margin-left: 50px;" onclick="logout()"></p>
				<img src="img/home/home_arrows.png" style="width: 15px;height: 8px;margin-left: 10px;" onclick="logout()" />
				<img id="head" src="img/home/home_logo.png" style="width: 34px;height: 34px;margin-left: 10px;border-radius: 16px;" onclick="logout()" />
			</div>
		</div>

		<div id="health" style="width: 100%;height: 100%;" class="flex flex-column a-center">
			<div class="flex flex-row a-center j-center" style="width: 100%;height: 70px;background-color: #FFFFFF;">
				<a href="#inquiry" sid="#inquiry" id="tab_inquiry" class="tab-txt tab-index">看诊</a>
				<a href="#record" sid="#record" id="tab_record" class="tab-txt" style="margin-left: 60px;">档案</a>
				<a href="#query" sid="#query" id="tab_query" class="tab-txt" style="margin-left: 60px;">查询</a>
				<a href="#tools" sid="#tools" id="tab_tools" class="tab-txt" style="margin-left: 60px;">工具</a>

				<p id="clientName" class="info-txt" style="margin-left: 11%;width: 135px;color: #333333;font-weight: bold;">张中华</p>
				<p id="clientGender" class="info-txt" style="color: #333333;font-weight: bold;">女</p>
				<p id="clientAge" class="info-txt" style="margin-left: 15px;color: #333333;font-weight: bold;">35岁</p>
				<input type="button" style="margin-left: 20px;color: #1A7DFF;background-color: rgba(26,125,255,0.2);font-size: 14px;
					min-width: 95px;max-width: 155px; height: 24px;border-radius: 5px;text-align: center;outline: none;border: none;"
				 id="source" value="北京移动用户"></input>
				<input type="button" class="btn-tag tempShowRelationship" value="绑定关系" style="margin-left: 8%;" onclick="bendRelationship()"></input>
				<input type="button" class="btn-tag" style="margin-left: 20px;" value="添加标签" onclick="addLabel()"></input>
				<!-- 通过一层白色遮罩盖住信息，需要显示时应该隐藏此遮罩 -->
				<div id="clientInfoOver" style="height: 60px;width: 60%;background-color: #FFFFFF;position: absolute;right: 0"></div>
			</div>
			<div style="width: 100%;height: 1px;background-color: #E6E6E6;"></div>
			<div class="flex flex-row j-center" style="width: 100%;height: 100%;">
				<div class="sh">
					<div id="inquiry" class="full-page">
						<iframe id="inquiryIframe" align="center" width="100%" height="100%" src="inquiry.html" frameborder="no" border="0"
						 name="inquiryIframe" marginwidth="0" marginheight="0" scrolling="no"></iframe>
					</div>
					<div id="record" class="full-page">
						<iframe align="center" width="100%" height="100%" src="page/archives/archives01.html" frameborder="no" border="0" marginwidth="0"
						 marginheight="0" scrolling="no"></iframe>
					</div>
					<div id="query" class="full-page">
						<iframe align="center" width="100%" height="100%" src="page/query/query01.html" frameborder="no" border="0" marginwidth="0"
								marginheight="0" scrolling="no"></iframe>
					</div>
					<div id="tools" class="full-page">
						<iframe align="center" width="100%" height="100%" src="page/tool/tool01.html" frameborder="no" border="0" marginwidth="0"
						 marginheight="0" scrolling="no"></iframe>
					</div>
				</div>
				<div id="bcDiv" class="frame flex position-absolute" style="left: 0px; top: 130px;background-color: rgba(0,0,0,0.5);width: 100%;">
					<iframe id="bcIframe" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" src="inquiry_list.html"
					 name="bcIframe" scrolling="no"></iframe>
				</div>
			</div>
		</div>
		<div id="frame" class="frame">
			<iframe id="myIframe" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0"
			 scrolling="no"></iframe>
		</div>
	</body>
</html>
